/** Created by NiXiaowei on 11/08/2017. */
.carousel { width: 100%; height: 600px; font-size: 20px; background: salmon; min-width: 1200px; }
.carousel .swiper-container { height: 100%; }
.carousel .swiper-pagination .swiper-pagination-bullet { height: 12px; width: 12px; background: #a0a0a0; border: none; }
.carousel .swiper-pagination .swiper-pagination-bullet-active { background: #ff9900; }

.search { height: 150px; }
.search .condition { width: 100%; height: 40px; font-size: 0; margin-top: 50px; }
.search .condition .condition-item { display: inline-block; height: 40px; line-height: 40px; font-size: 18px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; margin-right: 15px; }
.search .condition .condition-item input { display: inline-block; width: 130px; height: 24px; line-height: 24px; }
.search .condition .condition-item select { display: inline-block; width: 130px; height: 30px; line-height: 30px; text-align: center; }
.search .search-btn { width: 120px; height: 50px; margin: 30px auto; line-height: 50px; font-size: 18px; text-align: center; border-radius: 25px; color: #fff; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; background: #ff9900; }

.explain { height: 460px; background: url("../static/img/explain.png") no-repeat center; }
.explain .explain-detail { width: 720px; height: 370px; margin: 0 auto; }
.explain .explain-btns { width: 100%; text-align: center; }
.explain .explain-btns button { width: 120px; height: 50px; line-height: 50px; font-size: 18px; text-align: center; border-radius: 25px; color: #fff; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; background: #ff9900; }
.explain .explain-btns button:last-child { margin-left: 100px; background: #3bd587; }

.explain2 { height: 860px; background: url("../static/img/explain2.png") no-repeat center; }
.explain2 .explain-detail { height: 745px; }
.explain2 .explain-btns { width: 100%; text-align: center; }
.explain2 .explain-btns button { width: 120px; height: 50px; line-height: 50px; font-size: 18px; text-align: center; border-radius: 25px; color: #fff; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; background: #3bd587; }

.explain3 { height: 680px; background: url("../static/img/explain3.png") no-repeat center; }
.explain3 .explain-detail { height: 560px; }
.explain3 .explain-btns { width: 100%; text-align: center; }
.explain3 .explain-btns button { width: 120px; height: 50px; line-height: 50px; font-size: 18px; text-align: center; border-radius: 25px; color: #fff; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; background: #ff9900; }

.explain4 { height: 600px; background: url("../static/img/explain4.png") no-repeat center; position: relative; }
.explain4 button { position: absolute; left: 70%; bottom: 100px; width: 120px; height: 50px; line-height: 50px; font-size: 18px; text-align: center; border-radius: 25px; color: #fff; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; background: #3bd587; }

.center-contain-right { padding: 0 !important; }
.center-contain-right .lesson-list { background-color: #f5f5f5 !important; }
.center-contain-right .lesson-list li { width: 100%; height: 145px; background-color: #ffffff; margin-bottom: 20px; padding: 20px; }
.center-contain-right .lesson-list li h3 { width: 100%; font-size: 18px; color: #ff9900; background: url(../static/img/dot.png) left center no-repeat; text-indent: 20px; }
.center-contain-right .lesson-list li p { width: 100%; font-size: 18px; color: #4d4c4c; line-height: 32px; margin-top: 15px; }
.center-contain-right .see-more { width: 100%; height: 60px; background-color: #ff9900; color: #ffffff; text-align: center; line-height: 60px; font-size: 20px; }
.center-contain-right .wsld-title { width: 670px; height: 70px; line-height: 60px; text-align: center; color: #333333; font-size: 20px; border-bottom: 1px solid #b5b5b5; margin: 20px auto 15px; }
.center-contain-right .wsld-time { width: 670px; margin: 0 auto 40px; text-align: center; }
.center-contain-right .wsld-time span { font-size: 16px; color: #808080; margin-right: 90px; }
.center-contain-right .wsld-time span:nth-of-type(1) { margin-left: 70px; }
.center-contain-right .wsld-content { padding: 20px; }
.center-contain-right .wsld-content p { font-size: 14px; line-height: 28px; margin-bottom: 20px; color: #4d4d4d; }
